import {Steps, TabItem, Tabs} from "@astrojs/starlight/components";

import KeyboardTip from "../../components/KeyboardTip.astro";
import ConversationDefinition from "../include/_ConversationDefinition.mdx";
import ConversationRecommendation from "../include/_ConversationRecommendation.mdx";
import InboxInstructions from "../include/_InboxInstructions.mdx";
import InboxIntro from "../include/_InboxIntro.mdx";
import LeftSidebarConversations from "../include/_LeftSidebarConversations.mdx";
import RecentConversations from "../include/_RecentConversations.mdx";

import ChevronDownIcon from "~icons/fa/chevron-down";

<ConversationDefinition />

<ConversationRecommendation />

### Finding a conversation to read from the Inbox view

<InboxIntro />

<InboxInstructions />

### Finding a conversation to read from Recent conversations

<RecentConversations />

### Finding a conversation to read from the left sidebar

<LeftSidebarConversations />

### Reading conversations

<Tabs>
  <TabItem label="Desktop/Web">
    <Steps>
      1. [Find](/help/finding-a-conversation-to-read) a conversation to read.
      1. Read the conversation, scrolling down with the mouse or by pressing
         <kbd>PgDn</kbd>.
      1. If the conversation is not of interest, you can
         [mark all messages as read](/help/marking-messages-as-read) by
         jumping to the bottom with the **Scroll to bottom**
         (<ChevronDownIcon />) button or the <kbd>End</kbd> shortcut.
    </Steps>

    <KeyboardTip>
      Use the <kbd>N</kbd> key to go to the next unread topic, or <kbd>Shift</kbd> + <kbd>N</kbd>
      for the next unread [followed](/help/follow-a-topic) topic, or <kbd>P</kbd> for the next
      unread direct message conversation.
    </KeyboardTip>
  </TabItem>
</Tabs>
